

<!DOCTYPE html>
<html>
{% load staticfiles %}
<head>
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">

    <title></title>
     <link rel="shortcut icon" href="{% static 'img/favicon.ico' %}">

    <!-- global stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/font-icon-style.css' %}">
    <link rel="stylesheet" href="{% static 'css/style.default.css' %}" id="theme-stylesheet">

    <!-- Core stylesheets -->
</head>

<body> 

<!--====================================================
                         MAIN NAVBAR
======================================================-->        
  <header class="header">
        {% if user.is_authenticated %}
        <nav class="navbar navbar-expand-lg ">
            <div class="search-box">
                <button class="dismiss"><i class="icon-close"></i></button>
                <form id="searchForm" action="#" role="search">
                    <input type="search" placeholder="Search Now" class="form-control">
                </form>
            </div>
            <div class="container-fluid ">
                <div class="navbar-holder d-flex align-items-center justify-content-between">
                    <div class="navbar-header">
                        <a href="index.html" class="navbar-brand">
                            <div class="brand-text brand-big hidden-lg-down"></div>
                            <div class="brand-text brand-small"></div>
                        </a>
                        <a id="toggle-btn" href="#" class="menu-btn active">
                            <span></span>
                            <span></span>
                            <span></span>
                        </a>
                    </div>
                </div>
                <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
                    <!-- Expand-->
                    <li class="nav-item d-flex align-items-center full_scr_exp"><a class="nav-link" href="#"><img src="{% static 'img/expand.png' %}" onclick="toggleFullScreen(document.body)" class="img-fluid" alt=""></a></li>
                    <!-- Search-->
                    <li class="nav-item d-flex align-items-center"><a id="search" class="nav-link" href="#"><i class="icon-search"></i></a></li>

                    <li class="nav-item dropdown"><a id="profile" class="nav-link logout" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="{% static 'img/avatar-1.jpg' %}" alt="..." class="img-fluid rounded-circle" style="height: 30px; width: 30px;"></a>
                        <ul aria-labelledby="profile" class="dropdown-menu profile">
                            <li>
                                <a rel="nofollow" href="#" class="dropdown-item d-flex">
                                    <div class="msg-profile"> <img src="{% static 'img/avatar-1.jpg' %}" alt="..." class="img-fluid rounded-circle"></div>
                                    <div class="msg-body">
                                        <h5 class="h5">{{username}}</h5><span></span>
                                    </div>
                                </a>
                                <hr>
                            </li>
                            <li>
                                <!--<a rel="nofollow" href="profile.html" class="dropdown-item">-->
                                    <!--<div class="notification">-->
                                        <!--<div class="notification-content"><i class="fa fa-power-off"></i>-->
                                        <a href="Javascript:{document.getElementById('退出2').submit()}"  class="btn btn-primary">退出</a>
                                        <form  id="退出2" method='POST'  action="{% url '退出页面' %}" >
                                            {% csrf_token %}
                                        <input type= "hidden" >

                                        </form>
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</a>-->
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

            <div class="login ">
                {% if user.is_authenticated %}
                <!--<a href="Javascript:{document.getElementById('退出').submit()}"  class="btn btn-primary">退出</a>-->
                <form  id="退出" method='POST'  action="{% url '退出页面' %}" >
                    {% csrf_token %}
                <input type= "hidden" >

                </form>
                {% else %}
                <!--<a href="../loginin" class="btn btn-primary">登陆</a>-->
                <a href="../login" class="btn btn-primary">登陆</a>
                {% endif %}
            </div>
        </nav>

        {% else %}
        <nav class="navbar navbar-expand-lg ">
        <div class="search-box">
                <button class="dismiss"><i class="icon-close"></i></button>
                <form id="searchForm" action="#" role="search">
                    <input type="search" placeholder="Search Now" class="form-control">
                </form>
            </div>
        <div class="container-fluid ">
                <div class="navbar-holder d-flex align-items-center justify-content-between">
                    <div class="navbar-header">
                        <a href="index.html" class="navbar-brand">
                            <div class="brand-text brand-big hidden-lg-down"></div>
                            <div class="brand-text brand-small"></div>
                        </a>

                    </div>
                </div>

            </div>

        <div class="login ">

            <a href="../login" class="btn btn-primary">登陆</a>
        </div>
        <div class="zhuce">

            <a href="signup" class="btn btn-primary ">注册</a>


        </div>
        </nav>
        {% endif %}



    </header>
<!--====================================================
                        PAGE CONTENT
======================================================-->
    <div class="page-content d-flex align-items-stretch">

        <!--***** SIDE NAVBAR *****-->
       <nav class="side-navbar">
            <hr>
            <!-- Sidebar Navidation Menus-->
            <ul class="list-unstyled">
                <li> <a href=".."><i class="icon-home"></i>Home</a></li>
   
                <li> <a href="../tables_android"> <i class="icon-grid"></i>Android</a></li>
				<li> <a href="../tables_java"> <i class="icon-grid"></i>Java </a></li>
				<li> <a href="../tables_php"> <i class="icon-grid"></i>PHP </a></li>
				<li class="active"> <a href="../tables_python"> <i class="icon-grid"></i>Python </a></li>
				<li> <a href="../tables_web"> <i class="icon-grid"></i>Web </a></li>
			</ul>      
        </nav>

        <div class="content-inner chart-cont">

            <!--***** CONTENT *****-->     
            <div class="row">
                    <table class="table table-hover">
                  <thead>
                    <tr class="bg-info text-white">
                      <th>#</th>
                      <th>地区</th>
                        <th>最低工资</th>
                      <th>平均工资</th>
                        <th>最高工资</th>
                      <th>职位需求</th>
                    </tr>
                  </thead>
                  <tbody>
                  {% for i in python_list %}
                    <tr class="table-warning">
                      <th scope="row">{{i.id}}</th>
                      <td>{{i.name}}</td>
                        <td>{{i.price_min}}万/年</td>
                      <td>{{i.price}}万/年</td>
                        <td>{{i.price_max}}万/年</td>
                      <td>{{i.count}}</td>
                    </tr>
                  {% endfor %}

                  </tbody>
                </table>
            </div> 

        </div>
    </div> 

<!--Global Javascript -->
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/popper.min.js' %}"></script>
    <script src="{% static 'js/tether.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <script src="{% static 'js/jquery.cookie.js' %}"></script>
    <script src="{% static 'js/jquery.validate.min.js' %}"></script>
    <script src="{% static 'js/chart.min.js' %}"></script>
    <script src="{% static 'js/front.js' %}"></script>
    
    <!--Core Javascript -->
    <script>
        new Chart(document.getElementById("myChart-nav").getContext('2d'), {
          type: 'doughnut',
          data: {
            labels: ["M", "T", "W", "T", "F", "S", "S"],
            datasets: [{
              backgroundColor: [
                "#2ecc71",
                "#3498db",
                "#95a5a6",
                "#9b59b6",
                "#f1c40f",
                "#e74c3c",
                "#34495e"
              ],
              data: [12, 19, 3, 17, 28, 24, 7]
            }]
          },
          options: {
              legend: { display: false },
              title: {
                display: true,
                text: ''
               } 
            }
        });
    </script> 
</body>

</html>